.todo-container{
    width: 500px;
    border: 4px solid gray;
    padding: 10px;
    margin: 50px auto;
}

.todo-container .todo-title{
    text-align:center
}

.todo-header{
    width: 100%;
}

.todo-header input{
    width: 100%;
    height: 25px;
}

.todo-main {
    padding-left: 0;
}

.todo-main li{
    list-style: none;
    border: 2px solid gray;
    padding: 5px 7px;

}

.todo-main li .btn{
    float: right;
}

.todo-footer .btn{
    float: right;
}